// @font-face {
// 	font-family: "Alimama";
// 	src: url("https://file.web-jshtml.cn/font/AlimamaFangYuanTiVF-VF.ttf");
// }
// @font-face {
// 	font-family: "SIMYOU";
// 	src: url("https://file.web-jshtml.cn/times/font/SIMYOU.TTF");
// }
@font-face {
	font-family: "pingyi";
	src: url("https://file.web-jshtml.cn/times/font/pingyi.woff2");
}
// @font-face {
// 	font-family: "ARLRDBD";
// 	src: url("https://file.web-jshtml.cn/times/font/ARLRDBD.TTF");
// }
@font-face {
	font-family: "ChillRoundm";
	src: url("https://file.web-jshtml.cn/times/font/ChillRoundM.woff2");
}
// @font-face {
// 	font-family: "JiangChengYuanTi";
// 	src: url("https://file.web-jshtml.cn/times/font/JiangChengYuanTi-format.ttf");
// }
@import "./var.scss";
@import "./loading.scss";
@import "./normalize.scss";
@import "./iconfont/iconfont.css";
page {
	// font-family: "SIMYOU";
	color: #0c0c0c;
}
.color-primary { color: $primary; }
.color-error { color: $error; }
.dis-flex { display: flex; }
.dis-inline-flex { display: inline-flex; }
.flex-align-center { align-items: center;} 
.flex-warp { flex-wrap: wrap; }
.relative { position: relative;}
.font-blod { font-weight: bold; }
.flex-1 { flex: 1; }
.w0 { width: 0; }
.w100p { width: 100%; }
.font-24 { font-size: 24rpx; }
.font-26 { font-size: 26rpx; }
.lh-1 { line-height: 1; }
.relative { position: relative; }
.rotate180 {
	transform: rotate(180deg);
}
/** margin */
@for $i from 1 through 40 {
  $value: $i * 2;
  .margin-top-#{$value} {
    margin-top: $value / 10 + rem;
  }
  .margin-right-#{$value} {
    margin-right: $value / 10 + rem;
  }
  .margin-bottom-#{$value} {
    margin-bottom: $value / 10 + rem;
  }
  .margin-left-#{$value} {
    margin-left: $value / 10 + rem;
  }
  .padding-top-#{$value} {
    padding-top: $value / 10 + rem;
  }
  .padding-right-#{$value} {
    padding-right: $value / 10 + rem;
  }
  .padding-bottom-#{$value} {
    padding-bottom: $value / 10 + rem;
  }
  .padding-left-#{$value} {
    padding-left: $value / 10 + rem;
  }
}
.text-center { text-align: center; }
.text-left { text-align: left; }
.n {
	font-family: "Alimama";
}
.container {
	padding: 0 24rpx;
}
.u-button {
	border-bottom-left-radius: 24rpx !important;
	border-bottom-right-radius: 24rpx !important;
	border-top-left-radius: 24rpx !important;
	border-top-right-radius: 24rpx !important;
}
.u-popup__content {
	// border-radius: 24rpx !important;
}
.conform-modal {
	.conform-modal-header {
		width: 650rpx;
		height: 148rpx;
		position: absolute;
		left: 0;
		top: -72rpx;
		background-image: url(https://file.web-jshtml.cn/times/confirm-header-bg.png);
		background-position: left top;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.u-popup__content {
		border-radius: 108rpx !important;
		overflow: initial !important;
	}
	.u-modal__content {
		padding: 44rpx 56rpx !important;
		display: block !important;
	}
	.u-modal {
		overflow: initial !important;
	}
	.u-line {
		display: none !important;
	}
	&.error-tip {
		.u-popup__content {
			animation: shake 800ms ease 0s;
		}
	}
}
@keyframes shake {
	10%, 90% { transform: translate3d(-1px, 0, 0); }
	20%, 80% { transform: translate3d(+2px, 0, 0); }
	30%, 70% { transform: translate3d(-4px, 0, 0); }
	40%, 60% { transform: translate3d(+4px, 0, 0); }
	50% { transform: translate3d(-1px, 0, 0); }
}
.tip-modal {
	.u-popup__content {
		border-radius: 108rpx !important;
		overflow: initial !important;
	}
	.tip-modal-title {
		font-size: 40rpx;
		padding: 50rpx 0 0 0;
		display: block
	}
	.u-modal__content {
		padding: 32rpx 40rpx !important;
		flex-direction: column !important;
		display: block !important;
	}
	.u-modal {
		overflow: initial !important;
	}
	.tip-moeal-header {
		width: 650rpx;
		height: 148rpx;
		position: absolute;
		left: 0;
		top: -72rpx;
		background-image: url(https://file.web-jshtml.cn/times/confirm-header-bg.png);
		background-position: left top;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.u-line {
		display: none !important;
	}
	.tip-modal-close {
		width: 164rpx;
		height: 74rpx;
		border-radius: 34rpx;
		background-color: #f6fbf6;
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 50rpx auto 10rpx;
		.iconfont {
			opacity: 0.5;
		}
	}
}

.is-disabled {
	opacity: .3;
}

.u-border {
    border-width: .5px !important;
    border-color: #dadbde !important;
    border-style: solid;
}
.u-row {
	flex-wrap: wrap;
}

.section-dec {
	text-align: left;
	.section-dec-title {
		position: relative;
		font-size: 32rpx;
		font-weight: bold;
		padding-left: 20rpx;
		margin-bottom: 16rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
		&::before {
			content: "";
			position: absolute;
			top: 6rpx;
			bottom: 4rpx;
			left: 0;
			border-left: 6rpx solid $primary;
		}
	}
	.right-label {
		display: flex;
		font-size: 24rpx;
		font-weight: normal;
		color: $gray-ligh-3;
	}
	.section-dec-content {
		text {
			font-size: 28rpx;
			line-height: 50rpx;
			color: $gray-ligh-1;
		}
	}
}

.u-slider__container{
	.u-slider__button {
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		border-radius: 16rpx !important;
		box-shadow: 0 0 13rpx rgba(0, 0, 0, .22);

		&:before {
			content: "";
			width: 10px;
			height: 10px;
			border-radius: 4px;
			background-color: #fbca1e;
		}
	}
	.u-slider__base {
		border-radius: 20px;
	}
}
input[disabled] { background-color: #fff; border: none; }

.score-list-wrap {
	border-radius: 3.2rem;
	border: 0.5rem solid #f9ccc2;
	background-color: #fff;
	box-shadow: 0 0 1rem 0 rgba(0, 0, 0, .1);
	padding-bottom: 4rem;
	margin: 1rem 2rem 3rem 2rem;
	.title {
		text-align: center;
		color: #d84b25;
		padding: 2.8rem 2rem 1.6rem;
		line-height: 2.4rem;
		font-weight: bold;
	}
	.count {
		position: relative;
		font-size: 1.2rem;
		text-align: center;
		color: $gray-ligh-4;
		z-index: 1;
		margin: 0 2rem 1rem;
		
		&:before {
			content: '';
			position: absolute;
			border-top: 1px dashed $gray-ligh-4;
			left: 0;
			right: 0;
			top: 50%;
			transform: translateY(-50%) scaleY(0.5);
			z-index: -1;
		}
		span {
			background-color: #fff;
			padding: 0 0.8rem;
			height: 1.6rem;
			line-height: 0.3rem;
			display: inline-flex;
		}
	}
}

div.print-component {
	.words-text { line-height: 1; transform: translateY(-0.5rem); }
	&.kpyxcy {
		.words-item {
			margin-bottom: 2.5rem;
			width: 20%;
		}
		.words-pingyi { padding: 12px 0; }
		.course-words-pinyi { top: 0 ;}
	}
	&.bqdy {
		padding-top: 2rem;
		.words-item {
			width: 25%;
			margin-bottom: 6.5rem;
			font-size: 1.8rem;
		}
		.pinyi { width: 4rem; }
	}
	&.bqcy, &.pyxcy {
		display: flex;
		flex-wrap: wrap;
		padding-top: 1.5rem;
		.words-item {
			width: 33.3333%;
			margin-bottom: 5rem;
		}
	}
	&.zc, &.xjzzc, &.xjzxpy {
		padding-top: 1.5rem;
		.words-item {
			width: 25%;
			margin-bottom: 3.6rem;
		}
	}
	&.fycjyc {
		padding-top: 1.5rem;
		.words-item {
			margin-bottom: 5.6rem;
		}
		.course-words-list {
			display: flex;
			margin-left: 0.5rem;
		}
	}
}